<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>聚美优品</title>
		<link rel="stylesheet" href="css/new_file.css" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		
	</head>
	<body>
		
		<header >
			<div id="header-welcome" class="clear">
				
				<div class="header-div-welcome">
				<span>欢迎来到聚美！</span>
				<span>请登录</span>
				<span>快速注册</span>
				</div>
				
				<ul class="header-ul-welcome">
					<li>正品保证</li>
					<li>订单查询</li>
					<li class="ul-span"><span></span>收藏的品牌</li>
					<li class="header-li">
						<div class="header-a">
							<a class="a-span" href="#">我的聚美<span></span></a>
						</div>
						<ul>
							<li><a href="#">我的订单</a></li>
							<li><a href="#">我的现金券</a></li>
							<li><a href="#">我的红包</a></li>
							<li><a href="#">我的余额</a></li>
							<li><a href="#">我的体现退款</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">我的心愿单</a></li>
							<li><a href="#">会员中心</a></li>
							<li><a href="#">礼品卡兑换</a></li>
						</ul>
					</li>
					<li ><span style="padding-right: 12px;">|</span><span class="ul-li-span"></span><span style="color: red;">手机聚美</span><span style="padding-left: 12px;">|</span></li>
					<li class="li-span-last">更多<span></span></li>
				</ul>
			</div>
			
			<div class="search clear">
					<div class="div-logo"><img src="img/logo_new_v1.jpg"></div>
					<div class="div-form-search">
						<div>
							<form>
								<input type="search" /><input type="submit" value="搜索"/>
							</form>
							<ul class="ul-li">
								<li><a href="#">保湿</a></li><li><span>|</span></li><li><a href="#">面膜</a></li><li><span>|</span></li><li><a href="#">洗面奶</a></li><li><span>|</span></li><li><a href="#">补水</a></li><li><span>|</span></li><li><a href="#">保湿</a></li><li><span>|</span></li><li><a href="#">眼霜</a></li><li><span>|</span></li><li><a href="#">口红</a></li><li><span>|</span></li><li><a href="#">护肤套装</a></li><li><span>|</span></li><li><a href="#">BB爽</a></li>
							</ul>
						</div>
					</div>
					<div class="div-shopcart">
						<a style="display: inline-block;">
							<span style="vertical-align: middle;display: inline-block"><img style="height: 33px;" src="img/cart.gif">
							</span><span style="display: inline-block; height: 33px; margin-left: 10px;" >去购物车结算<span class="span-car"></span></span>
						</a>
					</div>
				</div>
		</header>
		
		<nav >
			<div id="nav-div"class="clear" style="border: black 1px solid">
				<ul class="nav-ul">
					<li style="margin-left:114px;width: 109px;text-align: center; background-color:#ED145B;"><a href="#">首页</a></li>
					<li style="margin-left:17px;"><a href="#">极速免税店</a></li>
					<li><a href="#">母婴特卖</a></li>
					<li><a href="#">美妆商城s</a><span></span></li>
					<li><a href="#">国际轻奢</a></li>
					<li><a href="#">服装运动</a></li>
					<li><a href="#">鞋包配饰</a></li>
				</ul>
				<div class="nav-img">
					<a href="#"><img src="img/z_01new.jpg"></a>
					<a href="#"><img src="img/z02.jpg"></a>
					<a href="#"><img src="img/z03.jpg"></a>
				</div>
				
			</div>
			<div class="nav-web">
					<a href="#"></a>
				</div>
		</nav>
		<section>
			<div>
				<ul class="section-ul">
					<li style="background-color: #666666;"><a style="color: #E2E0E2;" href="#">今日疯抢</a><span></span></li><li style="border: 1px solid #666666; line-height:46px ;"><a style="color: #333333;" href="#">明日预告</a></li>
				</ul>
				
			</div>
		</section>
		<section>
			
				<div class="bao-kuan">
					<div><a href="#"><img src="img/5be4f9ad08407_535_212.jpg"></a><a href="#" style="margin-left: 18px;"><img src="img/5be3e24e12413_535_212.jpg"></a></div>
					<div><a href="#"><img src="img/5be527e7e9717_535_212.jpg"></a><a href="#" style="margin-left: 18px;"><img src="img/5be54c15727ee_535_212.jpg"></a></div>
					<div><a href="#"><img src="img/5be556dba776b_535_212.jpg"></a><a href="#" style="margin-left: 18px;"><img src="img/5be441202919c_535_212.jpg"></a></div>
					<div><a href="#"><img src="img/5be4014985531_535_212.jpg"></a><a href="#" style="margin-left: 18px;"><img src="img/5be52f2973d63_535_212.jpg"></a></div>
					
				
			</div>
			
		</section>
		<!--固定导航栏-->
		<div class="div-fixed">
			<ul >
				<li ><a href="#" style="background: url(img/ibar_sprites.png) 10px 11px no-repeat ; width: 40px; height: 40px; display: block;"></a></li>
				<li><a href="#" style="background: url(img/ibar_sprites.png) 10px -19px no-repeat; width: 40px; height: 40px; display: block;color: #FFFFFF; margin-top: 18px;" ><span style="padding: 35px 12px 0px ; display: block; font-size: 13px; ">购物车</span><span style="padding:1px 7px 12px;display: block; width:7px; height: 7px; border-radius: 50%; margin: 9px 0px 0px 7px; background-color: #ED145B; font-size:12px">0</span></a></li>
				
				<ul style="margin-top: 100px;">
					<li><a href="#"  style="background: url(img/ibar_sprites.png) 10px -47px no-repeat ; width: 40px; height: 38px; display: block;"></a></li>
				<li><a href="#" style="background: url(img/ibar_sprites.png) 10px -75px no-repeat ; width: 40px; height: 35px; display: block;"></a></li>
				<li><a href="#" style="background: url(img/ibar_sprites.png) 10px -101px no-repeat ; width: 40px; height: 40px; display: block;"></a></li>
				</ul>
				
				
			</ul>
			<div style="margin-top:80px;">
				<p><a href="#" style="background: url(img/ibar_sprites.png) 10px -292px no-repeat ; width: 40px; height: 40px; display: block;"></a></p>
				<p><a href="#" style="background: url(img/ibar_sprites.png) 10px -165px no-repeat ; width: 40px; height: 35px; display: block;"></a></p>
			</div>
		</div>
          
			<div  class="clear" style="border-top: 1px solid #CCCCCC;padding-top: 32px;">
				<ul class="footer-shouhou">
					<li>
						<a href="#"><p style="background-image: url(img/footer_0901.jpg); width: 65px;height: 64px; margin-left:31px;"></p><p>值得信赖美妆电商</p><p>四千万用户信赖</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 65px;height: 64px;background-repeat: no-repeat; background-position-x: -63px;margin-left:26px;"></p><p>成功在美上市</p><p>股票代码NYSE:JMEI</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 65px;height: 64px;background-repeat: no-repeat; background-position-x: -126px;margin-left:19px;"></p><p>品牌防伪码</p><p>支持品牌官网验真</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 65px;height: 64px;background-repeat: no-repeat; background-position-x: -189px;margin-left:31px;"></p><p>30天无理由退货</p><p>只要不满意无理由退货</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 64px;height: 64px;background-repeat: no-repeat; background-position-x: -252px;margin-left:32px;"></p><p>百万用户口碑</p><p>帮你只选对的,不选贵的</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 64px;height: 64px;background-repeat: no-repeat; background-position-x: -315px;margin-left:29px;"></p><p>订单闪电发货</p><p>1.5小时订单急速出库</p></a>
					</li>
					<li>
						<a href="#"><p style="background-image: url(img/footer_new.png);  width: 65px;height: 64px;background-repeat: no-repeat; background-position-x: -378px;margin-left:15px;"></p><p>大牌明星热推</p><p>打造精致明星脸</p></a>
					</li>
				</ul>
			</div>
	
			<div style="border-bottom: 1px solid #CCCCCC;margin-top: 33px;width: 1090px;margin-left: 114px;"></div>
			<div class="clear">
				<ul class="footer-baozhang">
					<li>
						<h3>服务保障</h3>
						<ul>
							<li>品牌真品防伪码</li>
							<li>正品保证</li>
							<li>30天无条件退货</li>
							<li>专属客服服务</li>
							<li>总裁邮箱ceo@jumei.com</li>
						</ul>
					</li>
					<li>
						<h3>使用帮助</h3>
						<ul>
							<li>新手指南</li>
							<li>常见问题</li>
							<li>帮助中心</li>
							<li>用户协议</li>
							<li>公示制度</li>
						</ul>
					</li>
					<li>
						<h3>支付方式</h3>
						<ul>
							<li>货到付款</li>
							<li>在线支付</li>
							<li>余额支付</li>
							<li>现金劵支付</li>
						</ul>
					</li>
					<li>
						<h3>配送方式</h3>
						<ul>
							<li>包邮政策</li>
							<li>配送说明</li>
							<li>运费说明</li>
							<li>验货签收</li>
						</ul>
					</li>
					<li>
						<h3>售后服务</h3>
						<ul>
							<li>正品承诺</li>
							<li>售后服务</li>
							<li>退货政策</li>
							<li>退货办理</li>
						</ul>
					</li>
					<li>
						<h3 style="text-align: center;">手机聚美</h3>
						<ul>
							<li style="width: 75px; height: 75px;background-image: url(img/header_corn_new_v2.png);background-repeat:no-repeat;background-position: 0px -423px;margin-top: 0px;"></li>
							<li>下载移动客户端</li>
						</ul>
					</li>
					<li>
						<h3 style="text-align: center;">聚美微信</h3>
						<ul>
							<li style="width: 75px; height: 75px; background-image: url(img/jumei_weixin_footer.png);background-repeat: no-repeat;margin-top: 0px;"></li>
							<li>聚美官方微信</li>
						</ul>
					</li>
				</ul>
			</div>
		</footer>
		<footer style="margin-top: 120px;">
			<div class="clear footer-clear">
				<ul class="footer-pinpai">
					<li>关于聚美优品</li>
					<li>INVERSTOR&nbsp;RELATIONS</li>
					<li>合作招商</li>
					<li>获取更新</li>
					<li>加入聚美</li>
					<li>品牌合作专区</li>
					<li>网站联盟</li>
					<li>媒体报道</li>
					<li>商务合作</li>
				</ul>
				
			</div>
			<div class="footer-zi">
			<div style="padding-top: 18px;margin-left: 114px;">COPYRIGHT&copy;2010-2018 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-123-8888 </div>
				<div style="margin-top: 6px;margin-left: 114px;">京公网安备 11010102001226 | 京ICP证111033号 | 食品经营许可证 | 营业执照 | ICP许可证 | 出版物经营许可证</div>
				<div class="clear">
					<ul class="footer-ul-jiao" style="margin-top: 25px;">
						<li style="background-image: url(img/header_corn_new_v2.png);background-repeat: no-repeat;background-position-y: -170px;"></li>
						<li style="background-image: url(img/header_corn_new_v2.png);background-repeat: no-repeat;background-position-y: -220px;"></li>
						<li style="background-image: url(img/header_corn_new_v2.png);background-repeat: no-repeat;background-position-y: -270px;"></li>
						<li style="background-image: url(img/header_corn_new_v2.png);background-repeat: no-repeat;background-position-y: -320px;"></li>
						<li style="background-image: url(img/header_corn_new_v2.png);background-repeat: no-repeat;background-position-y: -370px;"></li>
						<li style="background-image: url(img/bz.jpg);background-repeat: no-repeat;border-radius:0px 0px"></li>
					</ul>
				</div>
				</div>
		</footer>
	</body>
</html>
